<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery-3.4.0.min.js"></script>
<title>Input Box Add</title>
<style type="text/css">
.red{
	color:red;
}
</style>
<script type="text/javascript">
$(function(){
	$(".btn").click(function(){
    var a=$(".FirstNum").val();
	var b=$(".SecondNum").val()
	var c=parseInt(a)+parseInt(b);
	$(".SumNum").val(c);	
	$(".tip").html("<b>你太棒了</b><hr>100分!");	
	$(".tip").addClass("red");
	$(".SumNum").addClass("red");
	});
  })
</script>
</head>
<body>
<h2 class="tip">您好!</h2>
<input name="FirstNum" type="text"  class="FirstNum" value="0">
<input name="SecondNum" type="text" class="SecondNum" value="0">
<input name="SumNum" type="text" Class="SumNum" value="0">
<button class="btn">显示结果</button>
</body>
</html>
